$(function() {
    // 查询全部学生信息的函数
    function getAllStudents() {
        $.ajax({
            url: "/api/student/list",
            type: "GET",
            success: function(data) {
                renderStudentTable(data);
            },
            error: function(xhr, status, error) {
                // 错误处理
                console.error("Error:", error);
            }
        });
    }
    // 渲染学生表格的函数
    function renderStudentTable(data) {
        var html = "";
        for (var i = 0; i < data.length; i++) {
            var item = data[i];
            html += "<tr>";
            html += "<td>" + item.id + "</td>";
            html += "<td>" + item.no + "</td>";
            html += "<td>" + item.name + "</td>";
            html += "<td>" + item.password + "</td>";
            html += "<td>" + item.sex + "</td>";
            html += "<td>" + item.age + "</td>";
            html += "<td>" + item.score + "</td>";
            html += "</tr>";
        }
        $("#students").html(html);
    }

    // 查询按钮点击事件处理
    $(document).ready(function() {
        $('#searchButton').click(function() {
            var searchName = $('#searchName').val(); // 获取搜索框中的值
            $.ajax({
                type: 'GET',
                url: '/search',
                data: { name: searchName }, // 将搜索框中的值作为参数发送到后端
                success: function(data) {
                    $('#students').html(data); // 在成功回调中更新学生列表
                },
                error: function() {
                    console.log('Error occurred while fetching search results');
                }
            });
        });
    });

    // 页面加载时默认查询全部学生信息
    getAllStudents();
});